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PLAN 

Introduction to Crysis 
Art pre-production 
Art guidelines 
Art production overview 
Technology overview 
Hybrid deferred rendering 
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CRYSIS FRANCHISE 



Crysis I (2DD7): awakening of an ancient alien civilization on an island 

Crysis 2 (2011): fighting against the alien invasion in New York 

Crysis 3 (2013): awakening and destruction of the alien boss in New York 


Pierre-Yves Danzallaz & Tiaga Sousa 


FMX20I3 


4 





CRYENGINE 


Dozen years of development 
"Real-time all the time" 

Multiplatform engine 
Licensees 

Sniper Ghost Warrior 2 (City Interactive) 
MechWarrior Online (Piranha Games) 

Monster Hunter Online (Tencent, Capcom) 

Star Citizen (Claud Imperium Games Corporation) 
etc. 



^/ENGINE 
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OBJECIlVESiORCRYSIS^_ 

Merge the best of Crysis I and 2 

More open levels 
More gameplay freedom 
More variety 

More weapons (bow and alien weapons) 

Push the visual quality even further with CryENGINE 3 
Set a benchmark for next generation games 
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INITIAL CONSTANTS 


Smaller (but very experienced) development team 

Some developpers re-assigned to Ryse and Homefront 2 after Crysis 2 production 
~I50 people on Crysis 2 
~I00 people on Crysis 3 
Handful of graphics programmers 

Tiny art team (dozens of environment artists, couple of level artists, I lighting artist & IFX artist for the single player campaign) 

Shorter production time 

38 months for Crysis 2 
23 months for Crysis 3 

Create a better game 

Art bottleneck 
No place for mistakes 
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CONCEPT ART 


Main themes 

Rain forest 
Manhattan, New York 
Dome 

Handful of concept artists 

New environments 
New main characters 
New design for hornan enemies 
New aliens and weapons 
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CONCEPT ART 


Crysis I meets Crysis 2 

Strong natural settings 
Exremely dense vegetation 
Urban environment with destruction 
Bigger levels (more impressive vistas) 
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AR TBENC HM ARK\dbjectives _ 

Create a pre-production art-focused level representative of the game (end of 2011) 
Implement the vision of the art direction 

Dense jungle 

Overgrown buildings (destruction, rust, moss, etc.) 

Rivers 

Dappled lighting 

Improve the art pipeline and workflow 

Create a good stress test for low-end hardware (consoles) 

Keep the art department busy 
~2 months production 
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ART BENCHMARKXvided 
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POS T ART B ENCHMARK_ 

Throw away most of Crysis 2's Environment assets 

Inconsistent with the art style (pristine assets) 

Not detailed enough (geometries and textures) 

Rebuild all environment assets 

Geometries: add more destruction 
Textures: overgrown style (rust, moss, etc.) 

Materials: wet look 
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PDSTARTBENCHMARK_ 

Create art guidelines 

Make sura all artists follow the same rules for textures and materials 

Art resources located in Frankfurt, Nottingham, Kiev and a few outsourcing studios 

Re-calibrate the lighting engine 
Create a test level for artists 
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Ensure all artists work with proper monitors (IPS, *VA or PLS panels) 

Calibrate all monitors to industry standards (sRGB, Gamma 2.2, G50DK and ~IODcd/m 2 ) 

ViEW angles of low end monitors (TN panels) View angles of higher end monitors (IPS panel) 


MONITORS 
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TEXTURESXselectidn 


Minimize lighting information in the textures 

Prevent direct light (harsh and dark shadows) 

Ensure neutral color balance 

Use overcast lighting for smooth ambient lighting 



Bright daylight Low sun settings Overcast 


Images credit: Richard Yot, www.itchy-animation.co.uk 
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TEXTURESXcdldr AND LUMINA 


Kodak Color Control Patches 

Ideal for non-studio lighting 

Place them close to the photographed subject 

Correct the RGB curves in Photoshop 
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DIFFUSE TEXTURESXcdmmon MISTAKES 


Common mistakes of artists 

Tod much AO baking 
Overly dark cavities 
Oark outlines 
Too much contrast 

The angina will do it! 

Self-shadowing: shadowmaps 
Ambient occlusion: SSOO 

Contrast: PostFX (eye adaptation, tonemapping, film curve and LOT colorgrading) 

Did generation anginas still need a lot of baking (textures, vertex colors, etc.) 
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DIFFUSE TEXTURESXpractical EXAMPLE 


Reitiove highlights and shadows (Shadows/Highlights adjustmEnt in Photoshop) 

Prevent the "triple darkening" (shadowmaps, SSDD and PostFX) leading to a cartoDny look 
Keep the color component only 
"The flatter the better" 



Reference diffuse texture (bad) Modified diffuse texture (better) 
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SPECULAR TEXTURES common mistakes 


Every artist has a different way of creating specular textures 

Basic mistake: specular texture created from a high contrast gray-scaled diffuse texture 



Diffuse texture Diffuse-based specular (bad) 
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PHYS CALLY-BASED SPECULAR 



Value depends Dn the atomic structure of the surface, not on the glossiness (roughness) 

For instance glossy and matte plastics have theoretically the same specolar color 
Glossiness specified with dedicated glossiness textore 

Specular luminance [0;255] 

Most non metals: 20-7D (including rost) 

Metals: +180 

Non mEtals Metals 

Specular color 

Non metals: greyscaled 

Metal: slightly colored (gold, copper, nickel) 
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GLOSSINESS 






GLOSS NESS RANGE 
















GLOSSINESS TEXTURES 


Roughness defined by a glossiness textures 

Very important for material definition 

More freedom for painting interesting details (scratches, species, wet areas, etc.) 

Specular texture 


Glussiness texture 


Pierre-Yves Donzallaz B Tiaga Sausa 


FMX20I3 


39 






ASSET ZDO LEVEL 


Create a test level for proof checking assets 

Level based on the Art Benchmark 
Stare all assets in one single level 
Check assets consistency at a glimpse 
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ASSET ZDD LEVEL flat shading 



Pure flat indirect lighting 

Nd post processing, no reflection, no ambient occlusion 
Control the consistency of the diffuse textures 
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Visualize blacks and whites clipping 

Black: RGB B-15 (pink) 

White: RGB 24D-255 (green) 

Good estimation of clipping on TVs with limited color space (IG-235) 
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ASSET ZDD LEVEL cupping control 
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REFERENCE MATER ALS 


Creation of reference material for proof checking 

Based on the most representative materials of the Art Benchmark 
Artists compare their new textures with these reference materials 
Lighting calibration based on these materials 



Vegetation Mud Rust Metal Rusty stone Concrete Bricks Average Mirror 
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L GHT NG CAL BRAT DNXcdldr chart 


Gamma chart and gradient chart 

Control lighting influence on the textures 

Check post FX influence on the colors and white balance 

Prevent clipping of the blacks and whites 
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L GHT NG CAL BRAT DNXpractical EXAMPLES 


Calor chart and reference materials used far calibration and proof checking of the lighting 
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PRE-PRODUC TION GUI D ELINE S 

Did we actually follow all these guidelines? 

Diffuse textures? 

Yes. although some textures still have toe much AD and dark outlines 

Physically-based specular textures? 

Not really, mix of incorrect specular colors, specular textures and fresnel settings 
However, the final result is in the correct range after the light pass/tweaking 

Glossiness textures? 

Yes 

Asset zoo? 

Yes, but artists often forgot to store their assets in the level 

Lighting calibration? 

Yes, although strong clipping is sometimes necessary to achieve a certain look 
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CONSOLE LIMIT ATIONS 

Make the bast experience within console limitations 

Video and system memory limitations for level size and amount of entities 
Optimization of system memory usage for animations, entities, etc. 

Geometries 

More aggressive LOD on console 
Lower view distance on console 
Maximum view and LOD distance on PC 

Textures 

Low resolution on console (25Gpx/5l2px) 

High resolution on PC (I024px and above) 
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CONSOLE LIMITATION S 

Materials 

Console-specific materials with less complex shader settings (blend layers, paralax occlusion mapping, etc.) 

Lighting 

Limited amount of lights casting shadows on console 

Bounce lights usually disabled on console 

Maximum lighting quality on PC (shadows and bounce lighting festival) 
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FULL PRODUCTION_ 

Main titles for environment creation 

Level designer: mission owner, scripts implementation, asset placement 

Environment/level artist: asset creation, asset placement, terrain and vegetation painting and level beautification 
Lighting and FX artists 
Cinematic designer 

Group-based production 

I level designer and 2 to 3 artists per level 
FX/lighting/beautification artists working on all levels 
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FULL PRODUCTION_ 

Level production 

All levels in production at the same time 

"Gameplay pit", "art pit" and "optimization pit": focus phases of I to 2 weeks for every level 
No post-production (lighting and FX on time) 

Advantages 

Environment artists assigned to one level only (in theory) 

Better communication within the groups 

More consistent asset quality due to the limited amount of artists per level 
Better optimization due to asset sharing 

Disadvantages 

Slow progress 

Everything comes toghether at the end only 
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ENVIRONMENTS 


7 main Environments 

Strong variety for locations, lighting and mood 
Unique but short experience (G-8 hours of gameplay) 
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ENVIRONMENTS dome (jailbreak) 


Location 

West Side 
Outside the dome 

Lighting S mood 

Night 

Sunrise 

Stormy weather 
Intense artificial lighting 

Palette 





mi 
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ENVIRONMENTS 

FIELDS 

Location 

West Side (Penn Station) 
High grass fields 


Train yard * 

Train warehouse 

Lighting 5 mood 

Sunny morning 

Dark tunnels 
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ENVIRONMENTS^™ 
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ENVIRDNMENTSXswamp 


Location 

Chinatown 

Swamp 

Abandoned lab 

Lighting 5 mood 

Misty night 
Search lights 
Mobile lights 
Emergency lighting 

Palette 
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ENVIRDNMENTSXriveri 


Location 

East Side 
Dense jungle 
Rivers 


Lighting 5 mood 

Cloudy morning 
Dark jungle 

Palette 
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ENVIRDNMENTSXriver 
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ENVIRONMENTS\islands 


Columbus Circle 
Apocalyptic world 
Huge sandbox level 

Lighting 5 mood 

Dark stormy afternoon 

Palette 
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ENVIRDNMENTSXcave 
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CHARACTERS pipeline in a nutshell 


Concepts of the characters 
Casting of real actors 
Capture of selected actors 


3D face scan 



Motion capture (body and facial animations) 
Voice acting 
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CHARACTERS 3D face scan 



e cameras 


ZBrush 41ZTSX-UMOF-AOCJ-AUFNJ ZBrush Document [Objt8043j Mem ►878+17* Free ► 3218 


DefaultZScript ◄' 


Alpha Brush Color Document Draw Edit File Layer Light Macro Marker Material Movie Picker Preferences Render Stencil Stroke Texture Tool Transform Zoom Zplugin Zscript 

Rendering Material Preview:SkinShade4 

Projection IjghtBox R ‘ 13 EB rf? [PtP^ ™» M - 

Master j 1 - 1 SKeicn fl/ £7 e Sca)e Rot ^ e Rgb Intensit y 1 00 _ Z In tensity 51 _ Draw Size 53_ TotalPoints: 49 


Actual 


fexture Off 
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SKY AND CLOUDS RENDER NGXvideo 
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RENDERING TECHNOLOGYXoverview _ 

Hybrid deferred rendering 

Dynamic lighting and shadows, contact shadows for Every light source 
Localized image-based lighting + Screen Space Reflections 

Vast feature set 

e.g. participating media, terrain, characters, vegetation, water, particles, decals, flares, color correction 

High dynamic range rendering 
Antialiasing 

Scalability across different hardware/platforms 

Most techniques multiplatform friendly: minimize QA/testing effort 
4 quality levels: low, medium, high, very high 
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HYBRID DEFERRED RENDERINGXthin G-BUFFER 2.D 



Channels 

Format 

Depth 

AmbID, Decals 

D24S8 

N.x 

N.y 

Gloss. Zsign 

Translucency 

A8B8G8R8 

Albedo Y 

Albedo Cb.Cr 

Specular Y 

Per-Project 

A8B8G8R8 
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HYBRID DEFERRED RENDERINGYthin G-BUFFER 2.D 
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HYBRID DEFERRED RENDERINGXthin G-BUFFER 2.D 
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B: Glossiness 
FMX2DIS 






HYBRID DEFERRED RENDERINGXthin G-BUFFER 2.D 
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A: Translucency 

FMX2DIS 







HYBRID DEFERRED RENDERINGYthin G-BUFFER 2.D 


R: Albedo Y 
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HYBRID DEFERRED RENDERINGXthin G-BUFFER 2.D 


G: Albedo CbCr (interleaved) 
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HYBRID DEFERRED RENDERINGYthin G-BUFFER 2.D 


B: Specular Intensity 
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HYBRID DEFERRED RENDERINGS -BUFFER PACKING I 


World space normal packed into 2 components (WIKIDO) 

SterEographic projection worked well in practice and is fairly cheap 


(X,Y) = 


r x y A 


V 


1 — z 1 — z 


f 


(X, y, z) = 


J 


2X 


2 Y 


l + X 2 + 7 2 'l + X z + 7 


2 , tz2 


V 


Glossiness + Normal Z sign packed together 


GlossZsign = (Gloss x Zsigri) x 0.5 + 0.5 


-i+x 2 + y 2 ^ 
i + x 2 +r 2 , 
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HYBRID D EFERRE D REND E RINGS -BUFFER PACKING 

Albedo in Y'CbCr color space (WIKIOI) 


Y'= 0.299x^ + 0.587xG + 0.114x5 
Cb = 0.5 + (-0.168xi?-0.331xG + 0.5xB) 
Cr = 0.5 + (0.5 x R - 0.418 x G - 0.081 x B) 


R = 7'+1.402x(Ca-0.5) 

G = T-0.344 x (Cb - 0.5) - 0.714 x (Cr - 0.5) 
B= F'+1.772x(Cs-0.5) 


Stored in 2 channels via Chrominance Subsampling WIKI02) 
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HYBRID DEFERRED RENDERINGVighting 



+ screEn 
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HYBRID DEFERRED RENDERINGXlighting 

Artists place probes/sampling locations across levels 

Generation of HDR cube maps at desired locations, 32 bits encoded using RGBM 

Localized reflection mapping (BjorkeQ7 f BehclD,Lagardel2) 

Reflection vector adjusted based on camera location inside probe bounding volume 
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HYBRID DEFERRED RENDERINGVighting 


Screen Space Reflection via raymarching along reflection vector (Sousa et.al II) 

Sample depth and check ray depth, if within threshold to scene depth accept sample 
Using previous frame + reprojection (encoded using RGBM 22 bits) 

Center depth is full resolution, all other taps FPIG half resolution depth 
Skip non-glossy surfaces 
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HYBRID DEFERRED RENDERINGVighting 


Lights rendered via geometry volume 

Sphere for point lights, cone for projectors 
Stencil pre-pass, depending on heuristic 
Multiplatform friendly 

Accumulate light sources into Light-Buffers using MRT (Sousall) 

Diffuse and specular contribution into separate targets 
Stored in 32 bits fmt (e.g. for PC using RIIGIIBIOF) 

Re-using L-Buffers for further passes and techniques 

Skin rendering via Screen Space Sub-Surface Scattering 
Forward passes using complex shading/composition 
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HYBRID DEFERRED RENDERINGS 


Contact Shadows/SSDO (Sousa at.al II) 

Applied to all light sources and ambient, via screen space bent normals (average unoccluded direction) 
Center depth is full resolution, all other taps FPIG half resolution depth 
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HYBRID DEFERRED RENDERINGS* 



Deferred shading composited via fullscreen pass 

Samples L-Buffers + G-Buffers for composition 

More complex shading such as Hair or Skin, processed via forward passes 

Allowed dropping almost all opaque forward passes 



Pierre-Yves Danzallaz & Tiaga Sousa 


FMX 2013 



















Pierre-Yves Danzallaz & Tiaga Sousa 


FMX20I3 


112 




FEATURE SET flare editor 


Crysis 2 post process flares suffered a bit from J.J. Abrams syndrome 

Partially due to inconsistencies in asset setup (overly bright particles or incorrect material setup) 

Flare editor for total artistic control 


Not physically-based 

Simple 2D sprites composite + multiple flare types 


DataBase View 

Entity Library | Prefabs Library ] Vegetation ; Partides Flare Library Music j Reverb Presets SoundMoods GameTokens 


&S S X 
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B &. example 
l-H orbs 


El Common : CameraOrbs 

n Size 

0.19 

n Perspective factor 

0 

n Distance Fading factor 

1 

n Brightness 

1 

□ t£. Position 

i.i 

■ Tint 

[Float] Brightness: 1 ,255 

n Tint [alpha] 

Brightness 

n Orbit angle 


? Ocdusion Interaction 

r 

? Auto Rotation 

r 

? Correct Aspect Ratio 

F 

□ Sensor 

n Sensor image size variation factor 

0 

n Sensor image brightness variation factor 

0 

E Transformation 

□ Scale 

i/i 

□ td Translation 

0,0 

n Rotation 

0 

□ Dynamics 

? Enable 

r 

? Trigger Invert 

r 

□ Trigger Offset 

0,0 

n Trigger Range 

1 

n Trigger Falloff 

1 

□ Camera Orbs 

n Ilium range 

1 

□ Orb Texture 

Engine Assets/Textures/flares/d 

H Lens Texture 

EngineAssets/Textures/flares/S 

? Enable lens texture 

r 

? Enable lens detail shading 

r 

n Lens texture strength 

1 

n Lens detail shading strength 

0.157 

n Lens detail bumpiness 

0.073 

? Enable orb detail shading 

r 

E Generator 

n Number of orbs 

100 

n Noise seed 

0 

n Color variation 

0.5 

n Size variation 

0.8 

n Rotation variation 

0.8 

E Advanced Shading 

? Enable adv shading 
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FEATURE SETxdeferred RAIN 


Introduced in first CryENGINE 3 iteration, tuned further for Crysis 3 

Rendered as box volume, using stencil culling/depth bounds 

Techniques combo: mist, puddles, rain layers and water drops, fast screen space reflection approximation 
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Water puddles: world space, top down projection for texturing, via animated texture 
Console friendly screen space reflection approximation 

Vertical blur, no depth masking (visually sufficient) 


Rain layers: multiple cones centered at camera origin 

Snap to new location if camera distance > threshold 

Translating rain texture uvs, down rain cones 

Bonus trick: approximate rain light scattering, via bloom source 
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FEATURE SET volumetric fog shadows 


Interleave pass distributes ID24 shadow samples on a 8x8 grid shared by neighboring pixels 

Half resolution destination target 

Gather pass compotes final shadow valoe 

Bilateral filtering was used to minimize ghosting and halos 

Shadow stored in alpha, B bit depth in red channel 

Used B taps to compare against center full resolution depth 

Max sample distance configurable (~l50-2[][]m in 33 IeveIs) 

Cloud shadow texture baked into final result 
Final result modifies fog height and radial color 
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FEATURE SET volumetric fog shadows 


Naive upscale 
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FEATURE SET volumetric fdg shadows iv 

Bilateral Upscale 
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H GH DYNAM C RANGE RENDER NGXdverview 


Linear correct on all platforms (Gritz07 f Sousall) 

e.g. lighting, texture filtering, blending, motion blur, depth of field end antialiasing 

Switched to film tone mapping (Hable20l0) 

Several schemes tested for automated exposure/key (e.g Reinhard02, Krawczyk05) 

Simple solution chosen: let art fine tune (curve, scene key, min and max exposure for eye adaption) 





□ 

HDR 


n 

Film curve shou 

10 

n 

Film curve midtc 

1 

n 

Film curve toe s 

1.5 

n 

Film curve white 

1 

n 

Saturation 

0.75 

■ 

Color balance 

1 1 234,2. .. 

n 

Scene key 

0.050003 

n 

Min exposure 

1 

n 

Max exposure 

1 
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ANT IAUASINGXdverview _ 

Support for latest and greatest antialiasing modes: FXAA, Deferred MSAA, SMAA & TXAA 

Subjective topic: some users like sharper image, others softer image 

Each mode has it strenghts/user preferences 

FXAA is the fastest mode of the pack 

Deferred MSAA is the vanilla standard and foundation work for SMAA and TXAA to work at all 

SMAA aims at a razor sharp results with reasonable temporal stability 

TXAA aims at a more cinematic/softer looking image with high temporal stability 

SMAA/TXAA a smart combo 

MSAA + SSAA via previous frame sub sample reprojection + morphological (post-process) antialiasing 

See Siggraph 2DIIAA course [Jimenez Et.AI II] and our GDC 2DI3 talk for details [Sousa Et.al. 13] 
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REMINDER_ 

We are hiring! 


httD:// www.crvtek.CDm/career 
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QUESTIONS?_ 

Pierre-Yvez Donzallaz 

piBrrE^crvtEk.com / twitter: @pyd 

Tiaga Sousa 

tiaqp^crvtEk.cDm /twittEr: HHcrytEk 
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